@charset "UTF-8";
/* CSS Document */

body {
	background-color: white;
	margin: 0 auto;
    width: 1024px;
	}
	
header {
	position: relative;
}

header img {
	width: 1024px;
	margin-bottom: 0.95em;
}

.header1{
	float:left;
}

ul {
	font-family: "Roboto", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	margin-left: 0.95em;
	font-size: 0.875em;
}

h1 {
	color: #00008A;
	font-family: "Roboto", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	font-size: 2.0em;
	}
	
h2 {
	font-family: "Roboto", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	color: #00008A;
	font-size: 1.5em;
}

h3 {
	font-family: "Roboto", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	color: #00008A;
}
	
nav {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
	clear: both;
}


nav li{
    display:inline;
	font-family: "Roboto", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	color: #000000;
	background-color: #fff;
}

nav a{
    display:inline-block;
    padding:0.625em;
}

a {
	font-family: "Roboto", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
}

a:link {
	text-decoration: none;
	color: #000000;
}


section {
	float: left;
	clear: both;
	margin-bottom: 1.55em;
}

a:hover {
	text-decoration: none;
	background-color: #00008A;
	color: white !important;/*so clicked links will stay white text when hovered over*/
}

a:visited {
	text-decoration: none;
	color:#000;
}

hr { /*our green lines at the top and bottom of all pages*/
	height: 2.5px;
	background-color: #33B875;
	opacity: 0.85;
	clear: both;
	margin-bottom: 0.95em;
	width: 1024px;
}


p {
	font-family: "roboto light", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	align: left;
	font-size: 0.875em;
}

.mainmargin { /*home page main div margins*/
	margin-top: 1.55em;
	margin-bottom: 1.55em;
}


section div { /*all pages main div*/
	float: left;
	width: 450px;
	margin-right: 25px;
	margin-left: 20px;
}

section div img { /*home page main img*/
	width: 450px;
	height: 250px;
}

section div div {
	float: left;
	margin-left: 0.625em;
}

footer {
	clear: both;	
}

.footer { /*footer - copyright*/
	float: left;
	width: 33%;
	font-family: "Roboto", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	font-size: 0.75em;
	padding-top: 0.75em;
}

.footercenter { /*footer references/contacts links*/
	float: left;
	width: 33%;
	font-family: "Roboto", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	font-size: 0.75em;
	position: relative;
	padding-top: 0.75em;
}

.footercenter div {
	padding-left: 100px;
}
	
.footerright { /*small logo div*/
	position: relative;
	float: right;
	width: 33%;
}

.footerright img { /*small logo image*/
	padding-left: 190px;
}
	
.floatright { /*anything needed to float right*/
	float: right;
}

section img { /*main img on all pages*/
	width: 350px;
	margin-left: 25px;
}


.indent { 
	margin-left: 50px;
}

#hints { /*hints page infographic*/
	width: 70%;
	margin-left: 15%
}

#contactimg { /*contact page img*/
	width: 20%;
	float: left;
	margin-right: 2%;
}


.emailcolor {
	color: #00008A !important;
}

.documents { /*reference page doc*/
	width: 70%;
	margin-left: 15%;
}

.navbarheading {
	position: absolute;
	top: -10px;
	visibility: hidden;
}